<template>
  <div>
      <ul>
          <li>{{ title }}</li>
          <slot></slot>
          <slot name="img"></slot>
          <slot name="a"></slot>
          <slot name="video"></slot>
          <slot name="games" :games="games"></slot>
      </ul>
  </div>
</template>

<script>
export default {
  props: ['title'],
  data () {
    return {
      games: ['lol', '火线', '王者', '王五']
    }
  }
}
</script>

<style lang="less" scoped>
ul{
    list-style: none;
    width: 180px;
    background-color: beige;
    text-align: center;
}
</style>
